<template>
	<view>
        <uni-nav-bar color="#333333" background-color="#FFFFFF" fixed="false" right-icon="more"
		 @click-right="more">
			<block slot="left">
				<view class="city">
					<text>社区</text>
				</view>
			</block>
			<view class="uni-title uni-center ">
				<text>标题</text>
			</view>
			
		</uni-nav-bar>
    </view>

	
	
</template>
<script>

// import http from '../../../common/http';
// import util from '../../../common/util';
import uniNavBar from '@/components/uni-nav-bar.vue'
import uniIcon from '@/components/uni-icon.vue'

import { mapGetters } from 'vuex'

export default {
	name : 'page-head',
	data() {
		return {

			
		}
	},
	computed : {
		...mapGetters([
			'userInfo',
      	]),
	},

	onLoad() {

		console.log('this.userInfo');
		console.log(this.userInfo);
	},
	
	methods: {
		more () {

			console.log('right');
		},
	},

	components : {
		uniNavBar,
		uniIcon,
	},

}
</script>

<style scope>
.city {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-left:8px;
}

.title {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	padding: 15px;
}

/*.pageHead {
	height: 70upx;
}
.userimg {
	width: 50upx;
	height: 50upx;
	margin-top: 10upx;
	margin-left: 10upx;
}

.username {
	margin-top: 15upx;
	margin-left: 10upx;
}*/
</style>
